<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/bootstrap-icons.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/bootstrap-admin.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <title>审核问卷</title>
</head>
<body>
<div class="bsa-main-wrapper">
    <div class="bsa-main-content">
        <!-- 内容都应该被包裹在此-->
        <div class="card border-0 shadow-sm">
            <div class="card-body p-4">

                <div class="row row-cols-auto g-3">
                    <div class="col">
                        <a class="btn btn-outline-warning" href="javascript:" role="button"><i class="bi bi-all "></i>全选</a>
                    </div>
                    <div class="col">
                        <a class="btn btn-outline-danger" href="javascript:" role="button"><i class="bi bi-trash2"></i>删除</a>
                    </div>

                </div>
                <hr>
                <div class="table-responsive">
                    <table class="table align-middle table-hover">
                        <thead>
                        <tr>
                            <th>
                                <input class="form-check-input check-all" aria-label="checkbox" type="checkbox">
                            </th>
                            <th>编号</th>
                            <th>问卷名</th>
                            <th>发起人</th>
                            <th>状态</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>
                                <input class="form-check-input" aria-label="checkbox" type="checkbox" name="id[]"
                                       value="1">
                            </td>
                            <td>1</td>
                            <td>admin21</td>
                            <td>王伟</td>
                            <td><span class="badge rounded-pill bg-success">未审核</span></td>
                            <td>
                                <div class="d-flex align-items-center">
                                    <a class="btn btn-sm btn-primary " href="javascript:" title="审核"><i
                                            class="bi bi-check"></i></a>
                                    <a class="btn btn-sm btn-primary ms-2" href="javascript:" title="删除"><i
                                            class="bi bi-trash"></i></a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <input class="form-check-input" aria-label="checkbox" type="checkbox" name="id[]"
                                       value="2">
                            </td>
                            <td>2</td>
                            <td>admin21</td>
                            <td>黄小琥</td>
                            <td><span class="badge rounded-pill bg-success">未审核</span></td>
                            <td>
                                <div class="d-flex align-items-center">
                                    <a class="btn btn-sm btn-primary " href="javascript:" title="审核"><i
                                            class="bi bi-check"></i></a>
                                    <a class="btn btn-sm btn-primary ms-2" href="javascript:" title="删除"><i
                                            class="bi bi-trash"></i></a>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>

                <nav aria-label="Page navigation example">
                    <ul class="pagination">
                        <li class="page-item">
                            <a class="page-link" href="javascript:" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li class="page-item"><a class="page-link" href="javascript:">1</a></li>
                        <li class="page-item"><a class="page-link" href="javascript:">2</a></li>
                        <li class="page-item"><a class="page-link" href="javascript:">3</a></li>
                        <li class="page-item">
                            <a class="page-link" href="javascript:" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>

            </div>
        </div>
    </div>
</div>

<script src="../js/bootstrap.bundle.js"></script>
<script src="../js/bootstrap-admin.min.js"></script>
</body>
</html>